<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Product Full Description</title>
            <link href="css/styles.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="js/jquery.js"></script>
            <!--below is the code to display the website properly in ie6-->
            <!--[if IE 6]>
            <script defer type="text/javascript" src="js/pngfix.js"></script>
            <![endif]-->
            <!--[if IE]>
            <style type="text/css" media="all">

            @font-face {
             font-family: "Emma Sophia";
             src: url(font/emmasophia.eot) !important;
            }
            </style>
            <![endif]-->
        </head>
        <body>
            
            <div id="background">
                <!-- tiling image of the blue gradient at the top -->
                <div id="centre">
                    <!-- splats and stars -->
                    <div id="water_sand">
                        <!-- the tiling water and sand wave along the bottom -->
                        <div id="bottom">
                            <!--this is the underwater scene -->
                            <div id="wrapper">
                                <div id="header">
                                    <div id="logo_birds">
                                        <div id="logo_container">
                                            <div id="logo"><img src="images/logo.png" width="262" height="64" alt="Logo" /></div>
                                        </div>
                                        <div class="left"></div>
                                        <div class="right"></div>
                                    </div>
                                    <!--end logo birds-->

                                    <!--end search blimp-->
                                </div>
                                <!--end header-->
                                <div id="menu_wrapper">
                                    <div id="main_menu">
                                        <ul>
                                            <ul>

                                                <li><a href="index.jsp">home</a></li>
                                                <li><a href="products.html">products</a></li>
                                                <li> <a href="about.html">about</a></li>
                                                <li><a href="terms_faq.html">terms &amp; faq</a></li>
                                                <li class="noborder"><a href="contact.html">contact</a></li>

                                            </ul>
                                        </ul>
                                    </div>
                                    <!--end main menu-->
                                    <div id="cart">
                                        <div class="left"></div>
                                        <div class="icon"><img src="images/icon_cart.png" width="33" height="31" alt="Cart" /></div>
                                        <ul class="text">
                                            <li><a href="#">0 items</a> <span class="white">|</span></li>
                                            <li><a href="#">$0.00</a> <span class="white">|</span></li>
                                            <li><a href="#">Checkout</a></li>
                                        </ul>
                                        <div class="right"></div>
                                    </div>
                                    <!--end cart-->
                                </div>
                                <!--end menu wrapper-->
                                <div id="container">
                                    <div class="top"></div>
                                    <div id="content">
                                        <div id="product_full">
                                            <div class="left">
                                                <h1>Stackables Set</h1>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec congue massa. Vivamus auctor ultrices tortor eu malesuada. Suspendisse potenti. Etiam eget sagittis libero. Proin vitae cursus lectus. Donec tempor tortor sit amet nulla vulputate bibendum. Quisque consectetur molestie rhoncus.  Donec tempor tortor sit amet nulla vulputate bibendum. </p>
                                                <p>&nbsp;</p>
                                                <h2>What's Included?</h2>
                                                <ul class="ticks">
                                                </ul>
                                                <p>&nbsp;</p>
                                                <!--price pannel-->
                                                <div id="product_cart">
                                                    <div class="price">$5.95</div>
                                                    <div class="qty">Qty:
                                                        <label>
                                                            <input name="qty" type="text" id="qty" value="" size="10" />
                                                        </label>
                                                    </div>
                                                    <div class="button"><img src="images/button_add_to_cart.gif" width="165" height="31" alt="Add to Cart" /></div>
                                                </div>
                                                <!--end price-->
                                                <p>&nbsp;</p>
                                                <ul id="buttons">
                                                    <li><a href="products.html"><img src="images/button_back.gif" alt="Back" width="122" height="38" border="0" /></a></li>
                                                </ul>
                                                <!--end buttons-->
                                            </div>
                                            <!--end left-->
                                            <div class="right"> <img src="images/product_stack_large.jpg" alt="large" width="400" height="400" class="image_border" />
                                                <ul class="small_thumb">
                                                    <li><a href="#"><img src="images/product_stack_small.jpg" alt="Thumb" width="77" height="76" border="0" /></a></li>
                                                    <li><a href="#"><img src="images/product_stack_small.jpg" alt="Thumb" width="77" height="76" border="0" /></a></li>
                                                </ul>
                                            </div>
                                            <!--end right-->
                                        </div>
                                        <!--end product full-->
                                        <hr class="clear" />
                                    </div>
                                    <!--end content-->
                                </div>
                                <!--end main container-->
                                <div id="container_bottom"></div>
                            </div>
                            <!--end wrapper-->
                        </div>
                        <!--end bg pattern-->
                    </div>
                </div>
            </div>
        </body>
        <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
            </html>
